<extend name="./Public/templete/base.html"/>
<!-- 标题-->
<block name="title">
  <title>会议记录</title>
</block>
<!-- 添加该页面对应需要的css文件 -->
<block name="link">
  <meta charset="utf-8">
  <link rel="shortcut icon" src="./favicon.ico" >
  <link rel="stylesheet" type="text/css" href="../../../Public/source/layui/css/layui.css">
</block>
<!-- 右下侧的主体内容 主要内容在此处写 -->
<block name="content">
    <div class="layui-body">
        <div style="padding: 15px;">
<!-- 我的代码 -->
  <!-- 一个简单的表格头部 -->
   <i class="layui-icon layui-icon-face-smile-b" style="font-size: 20px;"></i><label>&nbsp;会议记录</label>
   <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"></fieldset>
  <!-- 搜索功能 --> 
     <div class="layui-input-block" style="margin-left: 0;">
      <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input" id="Searchtext" style="width: 25%;display: inline;">
      <button class="layui-btn" id="Search">
      <i class="layui-icon layui-icon-search">Search</i></button>
    </div>
  <!-- 会议分类 -->
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
     <ul class="layui-tab-title">
      <li class="layui-this" id="All">
        <i class="layui-icon layui-icon-component"></i> 
          所有会议</li>
      <li id="Regular">思政例会</li>
      <li id="Teacher">教师指导</li>
      <li id="Train">培训会议</li>
     </ul>
   </div>
  <!-- 表格各部分占比设定 -->
  <table class="layui-table" lay-even="" lay-skin="nob">
    <colgroup>
     <col width="200">
     <col width="700">
     <col width="200">
     <col width="200">
   </colgroup>
  <!-- 表头，不动的哦 -->
  <thead>
    <tr>
      <th>会议类型</th>
      <th>会议标题</th>
      <th>发布时间</th>
      <th><i class="layui-icon layui-icon-set-fill"></i>编辑</th>
    </tr> 
  </thead>
  <tbody id="tabletest">
  <!-- 主体内容 -->  
  </tbody>
</table>
<!--我的代码-->  
       </div>
    </div>
</block>  
<!-- 引入或写js代码 -->
<block name="js">
  <script src="../../../Public/source/layui/layui.js"></script>
  <script src="../../../Public/source/layui/layui.all.js"></script>
  <script type="text/javascript" src="../../../Public/source/jquery-3.2.1.js"></script>
  <script>
//获取数据填充表格，已测试
  $(function(){  
    $.ajax({
     type:"POST",  
     url:"{:U('Conference/ShowPage')}",//后台提供接口 
     dataType: "json", 
     success:function(data){  
       console.log(data);
  for( i in data){
    $("#tabletest").append(
        "<tr><td>"+data[i].sort+
        "</td><td onclick='view("+data[i].id+")'>"+data[i].title+"</a>"+
        "</td><td>"+data[i].date+
        "</td><td><button onclick='modify("+data[i].id+")'>修改</button>&nbsp;<button onclick='del("+data[i].id+")'>删除</button>"+
        "</td><tr>");
    $("tr td:last button:first").addClass("layui-btn layui-btn-sm");
    $("tr td:last button:last").addClass("layui-btn layui-btn-sm layui-btn-danger");
         }
      },
      error:function(data){ 
          console.log(data); 
          alert("连接超时");  
      }  
          }); 
       }); 
//点击标题查看内容,
function view(i){
  window.location.href="detail/id/"+i+"";  
}
//编辑,设置了权限
  function modify(i){
  window.location.href="update_con/id/"+i+"";   
}
//删除，设置了权限,已测试
     function del(i){ 
      layer.open({
        title:'提示信息',
        content: '你确定要删除吗，删除后无法撤销哦！',
        btn: ['确定', '不了'],
        area: ['500px', '180px'],
        closeBtn: 2,
        anim:6,
        yes: function(index, layero){
            $.ajax({
              type:"POST",
              async:false,
              dataType:'json',
              url:"{:U('Conference/delete_con')}",
              data:{id:i},
          success:function(data)
           {
            console.log("删除成功!");
            window.location.reload();
           },
          error:function(data)
           {
            layer.open({
               title:'提示',
               content: '对不起，您的权限不够哦',
               area: ['500px', '180px'],
               closeBtn: 2,
               time :2000,
           }); 
           }
        });
       },
        cancel: function(){ 
       }
      });
    }
//搜索功能的实现，已测试
  $('#Search').click(function(){
    var txt=$('#Searchtext').val();
    $("table tbody tr").hide().filter(":contains('"+txt+"')").show();
   });
//tab键的切换功能
   layui.use('element', function(){
    var $ = layui.jquery,
    element = layui.element;
    }); 
   //所有会议
     $("#All").click(function(){
      var txt="";
      $("table tbody tr").hide().filter(":contains('"+txt+"')").show();
     });
   //思政例会
     $("#Regular").click(function(){
      var txt="思政例会";
       $("table tbody tr").hide().filter(":contains('"+txt+"')").show();
     });
   //教师指导
     $("#Teacher").click(function(){
      var txt="教师指导";
       $("table tbody tr").hide().filter(":contains('"+txt+"')").show();
      });
   //培训会议
      $("#Train").click(function(){
       var txt="培训会议";
        $("table tbody tr").hide().filter(":contains('"+txt+"')").show();
      });
  </script>
</block>




  